<!doctype html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>疫情数据分析</title>
<link href="static/css/singlePageTemplate.css" rel="stylesheet" type="text/css">
<script src="../static/js/jquery.min.js"></script>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:n2:default.js" type="text/javascript"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<!-- Main Container -->
<div class="container"> 
  <!-- Navigation -->
  <header> <a href="">
    <h4 class="logo">简单的疫情分析</h4>
  </a>
    <nav>
      <ul>
		<li><a href="#hero">地图</a></li>
        <li><a href="#about">搜索</a></li>
        <li><a href="#about">统计</a></li>
        <li><a href="#contact">榜单</a></li>
      </ul>
    </nav>
  </header>
  <!-- Hero Section -->
  <section class="hero" id="hero">
    <h2 class="hero_header">地图正在加载中...</h2>
  </section>
  <!-- About Section -->
  <section class="about" id="about">
    <h2 class="hidden">About</h2>
  </section>
  <!-- Stats Gallery Section -->
	
  <div class="sousuo" style="font-size:50px" >

    <form action="/ss" method="post">
      <p>Search:</p>
      <input type="text" name="search" style=" height:30px ;width:300px">
      <button type="submit">搜索</button>
    </form>
	</div>
  <div class="gallery">
    <form id="form1" name="form1" method="post">
      <div class="thumbnail">
        <h1 class="stats">1500</h1>
        <h4>现有确诊</h4>
        <p>china</p>
      </div>
      <div class="thumbnail">
        <h1 class="stats">2300</h1>
        <h4>累计确诊</h4>
        <p>china</p>
      </div>
      <div class="thumbnail">
        <h1 class="stats">7500</h1>
        <h4>累计死亡</h4>
        <p>china</p>
      </div>
      <div class="thumbnail">
        <h1 class="stats">9870</h1>
        <h4>累计治愈</h4>
        <p>china</p>
      </div>
    </form>
  </div>


  <!-- Parallax Section 这里的路由暂且不做 -->
  <section class="banner">
    <h2 class="parallax">这里做一个主要新闻</h2>
    <p class="parallax_description" href="https://view.inews.qq.com/k/20200524A08S9G00?cratype=feiyanh5">
    四川新增无症状感染者行动轨迹公布</p>
    <p class="parallax_description" href="https://view.inews.qq.com/k/PJX2020052400116900?cratype=feiyanh5">
      江西省新型冠状病毒肺炎疫情情况</p>
    <p class="parallax_description" href="https://view.inews.qq.com/k/LNC2020052400083200?cratype=feiyanh5">
    辽宁新型冠状病毒肺炎疫情情况</p>
    <p class="parallax_description" href="https://view.inews.qq.com/k/XAC2020052400122700?cratype=feiyanh5">
    陕西境外输入新冠肺炎确诊病例清零</p>
  </section>


  <!-- Footer Section -->
  <section class="footer_banner" id="contact">
    <h2 class="hidden">Footer Banner Section </h2>
    <p class="hero_header">点赞人数：正在加载中</p>
    <div class="button">
      <a href="打赏">点赞智慧的作者</a>
    </div>
  </section>
  <!-- Copyrights Section -->
  <div class="copyright">&copy;2020 - <strong>Light Theme</strong></div>
</div>
<!-- Main Container Ends -->

<script>
  setInterval(GetT, 10000);
  function GetT() {
                $.ajax({
                     url:"/world",
                     type:"get",
                     success:function (data) {
                          $("#hero.hero").html(data);
                      },
                      error: function() {

                       }
                       });
                }

</script>
<script>
  function Getdas() {
     $.ajax({
        url:"/打赏",
        success:function (data) {
            $("p.hero_header").text(data);
        },
        error: function() {}
     });
  }
Getdas();
</script>
<script src="../static/js/JS.js"></script>
</body>
</html>
